<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>照片墙</title>
        <link rel="stylesheet" href="css/zhaopianqiang.css" />
    </head>
    <body>
        <!--/*外层最大容器*/-->
        <div class="wrap">
    <!--    /*包裹所有元素的容器*/-->
        <div class="cube">
            <!--前面图片 -->
            <div class="out_front">
                <img src="img/img1.jpeg"  class="pic"/>
            </div>
            <!--后面图片 -->
            <div class="out_back">
                <img src="img/img2.jpeg"  class="pic"/>
            </div>
            <!--左图片 -->
            <div class="out_left">
                <img src="img/img3.jpeg"  class="pic"/>
            </div>
            <div class="out_right">
                <img src="img/img4.jpeg"  class="pic"/>
            </div>
            <div class="out_top">
                <img src="img/img5.jpeg"  class="pic"/>
            </div>
            <div class="out_bottom">
                <img src="img/img6.jpeg"  class="pic"/>
            </div>
            <!--小正方体 --> 
            <span class="in_front">
                <img src="img/img7.jpeg" class="in_pic" />
            </span>
            <span class="in_back">
                 <img src="img/img8.jpeg" class="in_pic" />
            </span>
            <span class="in_left">
                <img src="img/img9.jpeg" class="in_pic" />
            </span>
            <span class="in_right">
                <img src="img/img10.jpeg" class="in_pic" />
            </span>
            <span class="in_top">
                <img src="img/img11.jpeg" class="in_pic" />
            </span>
            <span class="in_bottom">
                <img src="img/img12.jpeg" class="in_pic" />
            </span>
        </div>
        </div>
    </body>
</html>

